<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>div1</div>
    <div>div2</div>
    <div>div3</div>
    <input type="button" value="click" onclick="fn()">
</body>
<script>
    function fn() {
        let obj = document.getElementsByTagName('div');//不加下标则获取对象的集合
        // alert(obj);
        /*
            对象.getElementBy***  //document本是对象

            document.getElementsByName/ClassName   -->Elements
            document.images  获取所有图片对象/数组
            document.links  获取所有链接对象/数组
            document.forms  获取所有表单对象/数组
            document.body  获取body对象
            document.documentElement  获取html对象



            obj={
                div1
                div2
                div3
            }
            要选中div1
            则obj[0].style.******;
            obj[0].style.backgroundColor = 'gray';

            选中全部
            则for(let j=0;j<obj.length;j++)
         */
        for(let j=0;j<obj.length;j++){
            obj[j].style.backgroundColor = 'gray';
        }
    } 
</script>
</html>